<!DOCTYPE html>
<html>
  <head>
    <title>Death project</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="<?php echo base_url()?>public/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="<?php echo base_url()?>public/css/style.css" rel="stylesheet" media="screen">
    <link href="<?php echo base_url()?>public/css/font-awesome.css" rel="stylesheet" media="screen">
    <!-- JavaScript plugins (requires jQuery) -->
    <script src="http://code.jquery.com/jquery.js"></script>
    <script type="text/javascript" src="<?php echo base_url()?>public/js/leanModal/jquery.leanModal.min.js"></script>
    <script type="text/javascript">
    	var baseUrlJs = '<?php echo base_url()?>';
    	var sessMemLayer = "<?=$this->session->userdata('loginStatus')?>";
    </script>
  </head>
  <body>
    <div class="navbar navbar-inverse navbar-fixed-top bs-docs-nav header">
      <div class="container">
        	<a href="../" class="navbar-brand">LOGO</a>
        	<div class="col-lg-5 col-lg-offset-6">
        		<div class="box-reg-hide">
        			<!--<input type="text" class="form-control f_left" placeholder="Email address">
        			<button type="button" class="btn btn-primary f_left">Get Started</button>-->
        			
        			<a href="#show-pop-login" class="btn btn-primary" style="float:right" rel="leanModal">Login</a>
        		</div>
        		
        	</div>
       </div>
    </div>

    <div class="main-landing">
    	<div class="container">
    		<div class="row">
    			<div class="col-lg-5 col-lg-offset-6">
    				<h1>Welcome to our site</h1>
    				<h5>Some text here Some text here Some text here Some text here Some text here Some text here</h5>
    				<p><a href="<?php echo $loginFbUrl?>" class="btn btn-primary btn-lg btn-block">Login with Facebook</a></p>
    				<p class="center">OR</p>
    				<p>
    					<input type="text" id="email_get_start" class="form-control f_left" placeholder="Email address" style="width:230px; float:left; margin-right:10px">
        				<button type="button" class="btn btn-primary f_left" style="width:230px;" onclick="send_email_confirm()">Get Started</button>	
    				</p>
    				<p>
    					<img src="<?php echo base_url()?>public/image/ajax-loader.gif" alt="Loading" id="show_load_1" style="display:none">
    				</p>
    			</div>
    		</div>
            <div class="row" style="margin-top:50px">
            <div class="col-lg-6 col-lg-offset-3">
                <ul class="nav nav-pills">
                    <li><a href="">About</a></li>
                    <li><a href="">Privacy policy</a></li>
                    <li><a href="">Terms of service</a></li>
                    <li><a href="">Contact</a></li>
                </ul>
            </div>
        </div>
    	</div>
    </div>

    <div id="show-pop-login" style="display:none">
    	<div class="show-pop-login">
    		<div class="sign-header">
    			<h4>Login</h4>
    			<a href="#" class="modal_close"><i class="icon-remove"></i></a>
    		</div>
    		<div class="main-sign-box" id="block-login">
	    		<p class="error"></p>
                <p>
	    			<input type="text" id="log_email" class="form-control" placeholder="Email address">
	    		</p>
	    		<p>
	    			<input type="password" id="log_pass" class="form-control" placeholder="Password">
	    		</p>
                <div class="row" style="padding-bottom:10px">
                    <div class="col-lg-6">
                        <input type="checkbox" id="remember_me"> Remember me
                    </div>
                    <div class="col-lg-6 text-right">
                        <a href="javascript:void(0)" onclick="$('#block-login').slideUp(); $('#block-forgotpass').slideDown()">Forgot password</a>
                    </div>
                </div>
	    		<p><button type="button" id="btn_login" class="btn btn-primary btn-lg btn-block" onclick="login()">Sign in</button></p>
	    		<p class="center">OR</p>
	    		<p>
	    			<p><a href="<?php echo $loginFbUrl?>" class="btn btn-primary btn-lg btn-block">Login with Facebook</a></p>
	    		</p>
    		</div>
            <div class="main-sign-box" id="block-forgotpass" style="display:none">
                <p class="error"></p>
                <p>
                    <input type="text" id="forgot_email" class="form-control" placeholder="Email address">
                </p>
                <p><button type="button" id="btn_request" class="btn btn-primary btn-lg btn-block" onclick="send_request()">Send request</button></p> 
                <p><button type="button" onclick="$('#block-login').slideDown(); $('#block-forgotpass').slideUp()" class="btn btn-primary btn-lg btn-block" onclick="">Or Login</button></p>   
            </div>
    	</div>
    </div>

    <!--Popup upload photo for person -->
    <script src="<?php echo base_url()?>public/upload_lib/jquery.uploadify.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>public/upload_lib/uploadify.css">
    <div style="display:none; height:400px" id="upload_avatar" class="box-lean-modal">
          <div id="signup-ct">
            <div class="signup-header">
              <h2>Upload your avatar</h2>
              <a class="modal_close" href="#"><i class="icon-remove"></i></a>
            </div>
          </div>
        <form style="margin-left:20px" enctype="multipart/form-data">

          <div id="notify"></div>
          <div id="queue"></div>
          <input id="file_upload" name="file_upload" type="file" multiple="true">
        </form>
     
    </div>
    <!--End popup-->

    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="<?php echo base_url()?>public/js/bootstrap.min.js"></script>
    <script type="text/javascript">
    	$(document).ready(function(){
    		$("a[rel*=leanModal]").leanModal({closeButton: ".modal_close"});
    	})
    </script>
    <!-- Enable responsive features in IE8 with Respond.js (https://github.com/scottjehl/Respond) -->
    <script src="<?php echo base_url()?>public/js/respond.js"></script>
    <script src="<?php echo base_url()?>public/js/holder.js"></script>
    <script src="<?php echo base_url()?>public/js/common.js"></script>
  </body>
</html>